/* $Id: main.css 2010-09-07 16:02 idris $ */

@include "~/application/modules/Core/externals/styles/constants.css";

.layout_like_box, .layout_like_profile_likes {
  margin: 13px 0px;
  +foreground;
  +rounded;
  border: 1px solid $theme_foreground_border_color;
  padding: 8px;
}

.layout_like_box .list, .layout_like_profile_likes .list {
  width: 171px;
  margin: auto;
}

.layout_like_box > h3 > a, .layout_like_profile_likes > h3 > a {
  float: right;
  font-size: 9pt;
  font-weight: normal;
  line-height: 21px;
  letter-spacing: 0px;
  margin-left:10px;
}

/* IE 7 hack */
*+html .layout_like_box > h3 > a, .layout_like_profile_likes > h3 > a {
  margin-right:5px;
}

.layout_like_box .list .item, .layout_like_profile_likes .list .item {
  float: left;
  margin-right: 4px;
  width: 53px;
}

.layout_like_profile_likes .list .item img {
  display:inline;
}

.layout_like_box .list > div, .layout_like_profile_likes .list > div {
  margin-top: 5px;
}

.layout_like_box .list .item .like_profile_title,
.layout_like_profile_likes .list .item .like_profile_title {
  font-size: 8pt;
  height:25px;
  overflow:hidden;
}

.like_profile_title
{
  display: block;
  width: 50px;
  overflow: hidden;
}

.promote_like_box{
	width: 600px;
	margin: 10px 0px 0px 10px;
}

.promote_right, 
.promote_left{
	padding: 3px;
}

.promote_right{
	width: 280px;
}

.promote_left{
	width: 300px;
}

.like_textarea textarea{
	width: 280px;
}

.promote_left, 
.promote_right{
	float: left;
}

.like_club_header,
.like_club_info,
.like_club_become_like,
.like_club_likes{
	float: left;
	clear: both;
}

.like_club_info .like_club_photo,
.like_club_info .like_club_details{
	float: left;
}

.like_desc{
	color: #555;
	font-size: 12px;
	font-weight: bold;
	padding: 3px;
}

.like_display_none{
	display: none;
}

#page_send_update div div * #subject-label,
#page_send_update div div * #body-label,
#page_send_update div div * #submit-label{
	width: 50px;
}

#page_send_update div div * #subject,
#page_send_update div div * #body{
	width: 250px;
}

#global_page_like-club-send-update{
	padding: 5px 0px 0px 5px;
}

.notification_type_like_send_update{
	background-image: url(~/application/modules/Like/externals/images/send_update.png);
}

.notification_type_like_suggest{
	background-image: url(~/application/modules/Like/externals/images/suggest.png);
}

ul.like_navigation li{
	margin: 5px 0 1px 1px;
}

ul.like_navigation li a.menu_like_profile{
	padding: 10px 0px 10px 22px;
	background-position: 3px center;
	background-image: none;
}

ul.like_navigation li{
	border-right: none;
	width: 100px;
}

ul.like_navigation li a.menu_like_profile:hover{
	text-decoration: none;
}

ul.like_navigation li.active{
	-moz-border-radius-bottomleft: 8px;
	-moz-border-radius-topleft: 8px;
	border-bottom-left-radius: 8px 8px;
  border-top-left-radius: 8px 8px;
  
	background-color: $theme_form_border_color;
	border-right: none;
}

.like_profile_navigation{
	float: left;
}

#like_users_count,
#like_pages_count{
	color: gray;
	font-size: 12px;
}

.like_container{
	float: left;
	+rounded;
  background-color: $theme_form_background_color; /* #F4F9FB; */
  border: 5px solid $theme_form_border_color; /* #DDECF3; */
  min-height: 500px;
  height: auto !important;
  height: 500px;
  width: 636px;
  padding: 10px;
}

.like_container * .item{
	+rounded;
	+foreground;
	float: left;
	width: 200px;
	position: relative;
	margin-right: 10px;
	margin-bottom: 10px;
}

.like_container * .item .l,
.like_container * .item .r{
	float: left;
	padding: 5px;
}

.like_container * .item .r{
	margin-top: 14px;
  width: 130px;
}

.like_container * .item .op{
	position: absolute;
	top: 0px;
	right: 0px;
	margin: 3px;
	z-index: 10;
}

.bold{
	font-weight: bold;
}

.remove_like_link{
	display: block;
	width: 16px;
	height: 16px;
	background-image: url(~/application/modules/Like/externals/images/delete_item16.gif);
}

.remove_like_link:hover{
	background-image: url(~/application/modules/Like/externals/images/delete_item2.png);
}

.page_error{
  padding: 10px;
  font-weight: bold;
}

.activity_icon_like_become{
  background-image: url(~/application/modules/Like/externals/images/like_activity.png);
}

#he_list #all_list_users .item{
  padding: 3px;
  height: auto;
  width: 141px;
}

#he_list #all_list_users .item .photo{
  margin: 5px;
}

#he_list #all_list_users .item:hover{
  background: none;
  cursor: pointer;
}

/*
* LIKE SUGGEST BOX 
*/
div.like_box_container{
  +rounded;
  +foreground;
  overflow: hidden;
}

div.like_box_content{
  padding: 5px;
}

.like_box_left, .like_box_right{
  float: left;
  padding: 5px;
}

.bold{
  font-weight: bold;
}

.like_box_details{
  width: 50px;
  float: left;
}

.like_box_details a{
  font-size: 14px;
}

.like_box_become_like a{
  font-size: 11px;
  +rounded;
  border: 1px solid $theme_foreground_border_color_light;
  display: block;
  float: left;
  padding: 4px 5px;
  background-color: $theme_foreground_border_color;
}

.like_box_become_like a:hover{
  border: 1px solid #a8a2c5;
  text-decoration: none;
}

.like_box_become_like{
  margin-top: 2px;
}

.like_box_info{
  margin: 5px;
  border-bottom: 1px solid $theme_foreground_border_color; 
}

.like_box_likes{
  padding: 5px;
}

.like_box_like{
  float: left;
  padding: 2px;
}

.like_box_like .r{
  text-align: center;
}

.like_box_like .r a{
  font-size: 9px;
  overflow: hidden;
  padding-top: 2px;
  text-align: center;
  white-space: nowrap;
}

.like_box_desc{
  padding: 5px 0 4px 5px;
  font-size: 11px;
}

/*
* LIKE BUTTON STYLES
*/

.like_button_link{
  display: block;
  padding: 4px 5px;
  +rounded(5px);
  background-color: $theme_foreground_background_color;
  float: left;
  text-decoration: none;
  border: 1px solid $theme_foreground_border_color;
}

.like_button{
  background: url(~/application/modules/Like/externals/images/like_button.png) no-repeat left 0px;
  padding-left: 16px;
  font-weight: normal;
  font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
  font-size: 11px;
  color: #748AB7;
}

.unlike_button{
  background: url(~/application/modules/Like/externals/images/unlike_button.png) no-repeat left 0px;
  padding-left: 16px;
  font-weight: normal;
  font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
  font-size: 11px;
  color: #748AB7;
}

.like_button_link:hover{
  border: 1px solid #aaa;
  text-decoration: none;
}

.list_header{
  display: block;
  clear: both;
  padding: 3px 3px 3px 20px;
  margin: 2px;
  border-bottom: 1px solid #eee;
  font-weight: bold;
  font-size: 1.0em;
}

.list_type .pages{
  background: url(~/application/modules/Like/externals/images/types/page.png) no-repeat left 3px;
}

.list_type .users{
  background: url(~/application/modules/Like/externals/images/types/user.png) no-repeat left 3px;
}

#he_list{
  position: relative;
}

#he_disabled_div{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 95%;
  height: 100%;
  background-color: $theme_body_background_color;
  +opacity(.3);
}

#profile_status h2.like_status_header{
  float: left;
  padding-right: 10px;
}

.like_profile_item_container{
  float: left;
  padding: 5px;
}

#user_profile_status_container{
  margin-top: 0px;
  margin-right: 3px;
  float: left;
}

.like_menu_switcher{
  font-size: 18px;
  font-weight: bold;
  margin: 0px 3px;
  display: block;
  float: left;
}

.like_menu_switcher:hover{
  text-decoration: none;
}

.like_profile_menu {
  float: left;
}

.clr{
  clear: both;
}

.hidden{
  display: none;
}

div.layout_like_suggest{
  margin: 15px 0px;    
}